html,body{font-size: 16px;}
body{font-family: "微软雅黑";height: 100%;background: #F0F0F0;color: #333;padding: 0!important;}
a{text-decoration: none;color: #333;}
html{height: 100%;} 
input{color: #333;border-radius: 3px;}
input:focus,input:active{background: #eee;}
button{border:none;outline: none;color: white; border-radius: 3px; padding: 5px;}
button[disabled=disabled]{background: #ddd;}
ul{list-style: none;margin: 0;padding: 0;}
.footerbody{height: 5rem;}
.header{position:relative; background: #2CD3BB;line-height: 2.6rem;color: white;text-align: center;}
.uping.header{background: rgba(0,0,0,0.5);}
.header .left-arrow{position: absolute;left: 10px;height: 100%;}
.header .left-arrow img{margin-top: 0.6rem; height: 1.2rem;}
.header .rightbtn{position: absolute;right: 10px;height: 100%;}
.header .rightbtn img{margin-top: 0.6rem; height: 1.3rem;}
.header .rightbtn button{background:#2CD3BB;line-height: 1.6rem;}
.downmenu-head embed {vertical-align: middle;margin-left: 5px;fill: #ddd;}

.indexad img{width: 100%;}
.showpos-box{overflow: hidden;margin-top: 2px;}
.showpos-box .showpos-item{margin-top: 10px; box-sizing: border-box; display: inline-block;width: 50%;float: left;}
.showpos-box .showpos-item .item-box{height: 6.5rem;background: white; position: relative;width:90%;margin:0 auto 3px; box-shadow:0px 1px 3px #bbb;}
.showpos-item img{width: 100%;height: 100%;}
.showpos-item.noad .item-box{padding-top: 10px;}
.showpos-item.noad img{width: 36%;height: auto; margin:auto;display: block;}
.showpos-item .item-name{background: rgba(255,255,255,0.7); color:#333;position: absolute;bottom: 0;width: 100%;line-height: 20px;font-size: 0.875rem;}
.showpos-item.noad .item-name{bottom: 10px; color: #E55447;text-align: center;font-size: .875rem;}
.showpos-item.noad span{display: block;}
.showpos-item.noad span:last-child{font-size: .7rem;color: #C4C4C4;}

.footer{display: none!important; background: white; border-top: solid 1px #eee; display: flex; position: fixed;width: 100%;bottom: 0px;padding: 6px 0;}
.footer a{flex: 1;text-align: center;}
.footer a.now span{color: #2CD3BB;}
.footer a span{font-size: 0.75rem;color: #ccc;}
.footer a img{width: 30%;display: block;margin: auto;}

.linebg{margin-bottom: 10px; background: white; padding: 0 1rem;display: block;}
.line-i.ebb{border-bottom: solid 1px #eee;}
.line-i.bb{border-bottom: solid 1px #ccc;}
.line-i{display: block; line-height: 2.6rem;font-size: .875rem;padding:.5rem 0;}
.line-i .line-before{width: 50px;display: inline-block;}
.line-i .line-before.more-w{width: 60px;}
.line-i .line-before.subscribe{font-size: .94rem;width: auto;}
.line-i .line-after{margin-left: 10px; color:#E55447;font-size: .875rem;display: inline-block;width:120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: bottom;}
.line-i .line-after.input{padding-left: 10px;}
.line-i .line-after.noclr{color:#aaa;}
.line-i .line-after span{font-size: .7rem;}
.linebg input,textarea{border: none;outline: none;width: 100%;}
.linebg textarea{height: 150px;resize: none;width: 100%;}
.line-i.ipt{overflow: hidden;padding-top: 20px;}
.line-i.ipt .iptbox{display: inline-block;float: left;width: 16%;margin-right: 5%; box-sizing: border-box;}
.line-i.ipt label.iptbox{margin-bottom: 15px;line-height: 0;}
.line-i.ipt .iptbox.warp{margin-right: 0;}
.line-i.ipt .iptbox img{width: 100%;min-height: 46px;}
.uping{background: rgba(0,0,0,0.5);}
.line-i .line-icon{height: 1rem;vertical-align: middle;margin-right: 3px;}
.line-i .line-arrow{float: right;}
.line-i .line-arrow .forhead{display: inline-block;height: 100%;width: 100px;text-align: right;}
.line-i .line-arrow img{height: 1.2rem;vertical-align: middle;margin-bottom: 3px;}
.line-i .line-arrow .header{height: 2rem;border-radius: 100%;}
.line-i .line-arrow .status{display: inline-block;padding-right: 19px;}
.line-i .line-arrow button{line-height: 2rem;margin-top: .3rem;padding: 0 10px;}
.line-i .line-arrow .exbtn{min-width: 5rem;}
.line-i .line-after input,textarea{ width: 45%;padding: 0 10px;font-size: .75rem;}
.line-i .line-after input.len{width: 70%;}
.line-i .line-arrow .ui-checkbox-s{position: relative;left: -1.6rem;}
.line-i .line-arrow .uibox{position: relative;}
.uibox input:focus,input:active{background: white;}

.btn-footer{border-top: solid 1px #ddd; width: 100%; display: flex; position: fixed;bottom: 0;line-height: 30px; padding: 6px;background: white;}
.btn-footer >div{flex: 1;text-align: center;}
.btn-footer >div:first-child{line-height: 40px; text-align: left;padding-left: 10px;font-size: .75rem;}
.btn-footer >div span{color: #E55447;font-size:.875rem;}
.btn-footer button{ border:solid 1px #ccc;color: #2CD3BB;background: white;width: 80%;font-size: .875rem;}
.btn-footer .corbtn{background:#2CD3BB;border: none;color: white;}

.mainbg-box{position: relative;height: 5.6rem;display: block;}
.mainbg-box div{top: 15px; width: 100%;text-align: center;font-size: .75rem;}
.mainbg-box img{width: 100%;height: 100%;}
.mainbg-box button{bottom: 20px;background:#2CD3BB;opacity: 0.6;font-size: .75rem;width: 30%;left: 35%; line-height: 20px;border: none;}
.mainbg-box .userhead{display: inline-block; left: 1rem; position: absolute; width: 3.6rem;height: 3.6rem;}
.mainbg-box .userhead img{border-radius: 100%;}
.mainbg-box .userinfo{width: 100%;display: inline-block;position: absolute; left: 5rem;top: 0;}
.mainbg-box .userinfo .name{width: 100%; position: relative; text-align: left;font-size: .875rem;line-height: 1.8rem;}
.mainbg-box .userinfo .name .tip{margin-left: 10px;position: relative;top: -2px; padding: 2px 6px;line-height: 1rem;background: #F74B32;border-radius: 100px;color: white;font-size: .65rem;}
.mainbg-box .userinfo .name .tip img{width:.7rem;height: .7rem;vertical-align: middle;margin-right: 5px;}
.mainbg-box .userinfo .number{position: relative;text-align: left;color: #bbb;line-height: 1.8rem;}
.mainbg-box .right{text-align:right;position: absolute;right: 1rem;top: 2.2rem;width: 1.2rem;height: 1.2rem;}
.mainbg-box .right img{width: 100%;height: 100%;}
.logo{}
.logo img{width: 22%;margin: auto;display: block;}
.logo img:last-child{width: 30%;margin-top: 10px;}

.gradint{width: 90%;margin: auto;border-bottom: solid 1px #2CD3BB;margin: 20px auto;}
.aboutdeteil{width: 86%;margin: auto;color: #666;}

.link-btn{background: #2CD3BB;line-height: 1.6rem;margin: auto;display: block;width: 90%;}
.link-btn a{color: white;font-size: .875rem;}

.center-line-box{background: white; text-align: center;margin-bottom: 5px;padding-bottom: 10px;}
.center-line-box .title{margin: auto;font-size: 16px;padding: 10px 0 5px 0;}
.center-line-box .title span{margin: 0 10px;}
.center-line-box .line{width: 90%;border-bottom: solid 1px #999;margin: 10px auto;}
.center-line-box .content{margin: auto;font-size: .875rem;width: 86%;}
.center-line-box .picbox{width: 100%;overflow: hidden;}
@media only screen and (min-width: 100px) and (max-width: 320px) {
  .center-line-box .picbox img{display: inline-block;width:100%;height:120px;margin-bottom: 5%;}
}
@media only screen and (min-width: 321px) and (max-width: 640px) {
  .center-line-box .picbox img{display: inline-block;width:47%;height:80px;margin-bottom: 5%;}
  .center-line-box .picbox img:nth-child(even){
    margin-left: 6%;
  }
}
.center-line-box .cell{display: block;text-align: left;margin: 0 14px;overflow: hidden;}
.cell .cell-title{float: left; width: 70px;}
.cell .cell-text{margin-left: 70px;color: #999;}
.clr{overflow: hidden;line-height: 24px;}

.exchange{font-size: 0.875rem; line-height: 2.6rem;}
.exchange img{width: 1.1rem;height: 1.1rem;vertical-align: middle;}

.recharge{position:relative;font-size: .875rem; padding-left: 1rem; line-height: 2.6rem;height: 2.6rem;background: white;}
.recharge >div{display: inline-block;margin-right: 1rem;}
.recharge .re-l{text-align: center; line-height: .5rem;font-size: .94rem;}
.recharge .re-l span:last-child{position: relative; font-size: .6rem;color: #999;top: .4rem;}
.recharge .re-c .unit{font-size: .7rem;}
.recharge .re-r{line-height: 1.2rem;position: absolute;right: 0;top: .35rem;}
.recharge .re-r button{width: 60px;color: #2CD3BB; background: white;border: solid 1px #eee;}
.recharge .re-c input{line-height: 1.8rem;outline: none;background: #ccc;width: 80%;border: none;padding-left: 5px;}

.btmbox {padding: 0 1rem;}
.btmbox button{width: 100%;font-size: .875rem;line-height: 1.5rem;}
.dialog{display: none; position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.dialogbg{position: relative; padding:8px 15px; text-align: center; margin:40% auto;width: 60%;background: white;border-radius: 4px;}
.dialog .dlg-close {position: absolute;height: 20px;width: 20px;right: 15px;top: 10px;}
.dialog .dlg-close img{width: 1rem;position: absolute;right: 0;top:0;}
.dialog .dlg-title{line-height: 2rem;font-size: .94rem;margin-bottom: 5px;}
.dialog .dlg-content{min-height: 90px; text-align:left;font-size: .875rem;}
.dialog .dlg-btn{background: #FC4B3A; width: 100px;font-size: .875rem;margin: 10px auto 5px;}
.dlg-content .ui-checkbox-s{display: block;line-height: 2.6rem;}

.bgimg{top: 0; position: fixed;z-index: -1;width: 100%;height: 100%;}
.blogo{display: block;margin: 0 auto 26px;width: 100%;}
.blogo img{display: block;margin-left: auto;margin-right: auto;}
.registerbg{padding: 0 10px; background: rgba(255,255,255,0.5);width: 70%;margin: auto;border-radius: 4px;}
.registerbg .r_line{position: relative; padding: 6px 0;border-bottom: solid 1px white;}
.registerbg .r_line:last-child{border: none;}
.registerbg .r_line span img{width: 22px;vertical-align: text-top;}
.registerbg .r_line span{padding-right: 5px; display: inline-block; border-right: solid 1px white;}
.registerbg .r_line input{font-size: 1rem; width:70%; background: transparent;border: none;outline: none;color: white;padding-left: 10px;line-height: 30px;}
.registerbg .r_line input::-webkit-input-placeholder { color:white;}
.registerbg .r_line input:focus,
.registerbg .r_line input:active,{background: transparent;}
.registerbg .r_line button{font-size: .75rem;position: absolute;right: 0;top: 10px;}
 .regbtn{padding: 10px 10px; display: block;box-sizing: content-box; margin: 20px auto 0;font-size: 1rem; border-radius: 4px;text-align: center;color: white;}

.rst_registerbg{background: white; box-sizing: border-box; padding: 0 10px;width: 100%;margin: auto;}
.rst_registerbg .r_line{position: relative; padding: 6px 0;border-bottom: solid 1px #ddd;}
.rst_registerbg .r_line:last-child{border: none;}
.rst_registerbg .r_line span img{width: 22px;vertical-align: text-top;}
.rst_registerbg .r_line span{padding-right: 5px; display: inline-block; border-right: solid 2px #ddd;}
.rst_registerbg .r_line input{font-size: 1rem; width:70%; background: transparent;border: none;outline: none;color: #333;padding-left: 10px;line-height: 30px;}
.rst_registerbg .r_line button{font-size: .75rem;position: absolute;right: 0;top: 10px;}
.rst_registerbg .r_line input:focus,
.rst_registerbg .r_line input:active,{background: transparent;}


.line-after select{border: none;color: #E55447;}
.line-after option{border: 0;}
.line-after select:focus{border: none;outline: none;}
.line-after #expire_date:focus{background: white;}
.rukou img{width: 100%;display: block;}

.gridlist{background: white;list-style: none;margin: 0;padding: 0;}
.gridlist .grid-item{display: block;line-height: 60px;padding: 5px 0;border-bottom: solid 1px #eee;}
.gridlist .grid-item:last-child{border: none;}
.gridlist .grid-item .left{width: 60px;height: 60px; float: left; margin-left: 10px;}
.gridlist .grid-item .right{margin-left: 80px;}
.cell .cell-left{margin-right: 100px;}
.cell .cell-right{float: right;width: 100px;text-align: right;padding-right: 10px;}
.cell p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;margin: 0;}
.cell .text-small{font-size: .75rem;color: #999;}
.text-price{color: #DA3D40;}
.swiper-pagination-bullet{
  box-sizing: border-box;
  border: solid 1px white;
}
.swiper-pagination-bullet-active{
  border: none;
  background: white;
}
.friend{
  background: white;
}
.friend li{
  padding: 10px 0;
  overflow: hidden;
  border: solid 1px #E9E9E9;
}
.friend .left-cell{
  margin-left:10px;
  width: 40px;
  height: 40px;
  float: left;
}
.friend .left-cell *{
  width: 100%;
  height: 100%;
}
.friend .right-cell{
  min-height: 40px;
  height: 100%;
  margin-left: 70px;
}
.friend .right-cell .content{
  font-size: .875rem;
  margin: 5px 10px 0 0;
}
.friend .right-cell .title{
  font-size: .75rem;color: #485873;
  margin-top:5px;
}
.friend .right-cell .date{
  color: #9C9C9C;font-size: .6875rem;
}
.friend .right-cell .imglib{
  display: block;
  overflow: hidden;
  margin: 5px 0;
}
.friend .right-cell .imglib img{
  width: 32%;
  display: inline-block;
  float: left;
  margin:0 2% 2% 0;
}
.friend .right-cell .imglib img:nth-child(3n){
  margin-right: 0;
}
.swiper-shadow{
  display: none;
  position: fixed;
  width: 100%;height: 100%;z-index: 999; top: 0;left: 0;background: black;
}
.swiper-container{
  height: 100%;
  background: black;min-height: 200px;
}
